<template>
	<view class="success">
		<view class="left"></view>
		<view class="right"></view>
	</view>
	<view class="successText">
		密码修改成功
	</view>
	<view class="prompt">
		您的帐号密码已修改成功，请妥善保存新的密码
	</view>
	<!-- 去登录 -->
	<button type="primary" class="Gologin" @click="Gologin">去登录</button>
</template>

<script setup>
	const Gologin= () => {
		console.log('去登录')
		uni.navigateTo({
			url:'/pages/register/register'
		})
	}
</script>

<style lang="scss" scoped>
	.success{
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		background-color: rgba(54, 207, 201, 1);
		position: absolute;
		left: 50%;
		top: 382rpx;
		transform: translateX(-50%);
		.left{
			width: 6rpx;
			height: 20rpx;
			background-color: #fff;
			border-radius: 40rpx;
			transform: rotate(135deg);
			position: absolute;
			left: 34rpx;
			top: 48rpx;
		}
		.right{
			width: 6rpx;
			height: 40rpx;
			border-radius: 40rpx;
			background-color: #fff;
			transform: rotate(45deg);
			position: absolute;
			left: 54rpx;
			top: 30rpx;
		}
	}
	.successText{
		font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial', sans-serif;
		font-size: 32rpx;
		font-weight: 700;
		position: absolute;
		top: 522rpx;
		left: 50%;
		transform: translateX(-50%);
	}
	.prompt{
		width: 100%;
		text-align: center;
		font-family: 'ArialMT', 'Arial', sans-serif;
		font-size: 24rpx;
		color: #7f7f7f;
		line-height: 34rpx;
		position: absolute;
		top: 806rpx;
		left: 50%;
		transform: translateX(-50%);
	}
	.Gologin{
		width: 250rpx;
		height: 80rpx;
		background-color: rgba(24, 144, 255, 1);
		border-radius: 40rpx;
		line-height: 80rpx;
		font-family: 'ArialMT', 'Arial', sans-serif;
		font-size: 24rpx;
		color: #fff;
		position: absolute;
		top: 886rpx;
		left: 50%;
		transform: translateX(-50%);
	}
</style>
